<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="telephone=no" name="format-detection">
	<meta content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" name="viewport">
	<meta name="apple-mobile-web-app-status-bar-style" content="gray" />
	<script type="text/javascript">
	<!--
		function eventFunction( e ) {
			console.log("MMM = " + e);
		}

		function userAgentChk() {
			strAgent = navigator.userAgent;

			if( strAgent.match(/iPad/i) || strAgent.match(/iPhone/i) || strAgent.match(/Android/i) ) {
				drawType = "HTML5";
			else
				drawType = "FLASH";

			return drawType;
		}

	//-->
	</script>
</head>

<body>
	<div>
		<video id="player" controls>
			<source src="./20120911_094858.mp4" type="video/mp4">
		</video>
	</div>
</body>
</html>
<script type="text/javascript">
<!--
	var vObj = document.getElementsByTagName('video')[0];

	try {
		vObj.addEventListener('play', function() {
			console.log('video play');
		});

		vObj.addEventListener('pause', function() {
			console.log('video pause');
		});

		vObj.addEventListener('ended', function() {
			console.log('video play end');
		});

		// iphone
		vObj.addEventListener('suspend', function() {
			console.log('iphone video progress ');
		});

		// android
		vObj.addEventListener('progress', function() {
				console.log('android video progress ');
		});
		vObj.addEventListener('loadstart', function() {
				console.log('android loadstart ok');
		});
		vObj.addEventListener('stalled', function() {
				console.log('android video stalled  ');
		});

		vObj.addEventListener('loadedmetadata', function() {
			console.log('video loadedmetadata ');
		});

		vObj.addEventListener('loadeddata', function() {
			console.log('video loadeddata');
		});

		vObj.addEventListener('playing', function() {
			console.log('video playing ');
		});

		vObj.addEventListener('canplay', function() {
			console.log('video canplay ');
		});

		vObj.addEventListener('seeking', function() {
			console.log('video seeking  ');
		});

		vObj.addEventListener('seeked', function() {
			console.log('video seeked  ');
		});

		vObj.addEventListener('dureationchange', function() {
			console.log('video dureationchange  ');
		});

		vObj.addEventListener('abort', function() {
			console.log('video abort  ');
		});

		vObj.addEventListener('waiting', function() {
			console.log('video waiting');
		});
	} catch(e) {
		console.log("Catch.....");
	}
//-->
</script>